<template>
    <div>
        <div class="">
        <router-link to="/xinwen">新闻</router-link>
        <router-link to="/yule">娱乐</router-link>
        <router-link to="/youxi">游戏</router-link>

    </div> 
    <transition name="list" mode="out-in">
        <keep-alive>
            <router-view></router-view>
   
        </keep-alive>
    </transition>


    </div>
  
</template>

<script>
export default {
 
};
</script>

<style lang="scss" scoped>
.list-enter-active,
.list-leave-active {
  transition: all 0.5s;
}
.list-enter {
  opacity: 0.3;
  transform: translateY(50%);
}
.list-leave-to {
  opacity: 0.3;
  transform: translateY(50%);
}

</style>